<!---总览页面真实内容-->
<template>
  <div class="ele-body">
    <a-tabs default-active-key="1" @change="callbackActivityTab">
      <a-tab-pane key="1" tab="数据监控">
        <DevicePowerMonitorMonitor :data="data" />
      </a-tab-pane>
      <a-tab-pane key="2" tab="历史数据">
        <DevicePowerMonitorData :data="data" />
      </a-tab-pane>
      <a-tab-pane key="3" tab="报警记录">
        <DevicePowerMonitorAlarm :data="data" />
      </a-tab-pane>
      <a-tab-pane key="4" tab="全局配置">
        <DevicePowerMonitorConfigSwitch :data="data" />
      </a-tab-pane>
      <a-tab-pane key="5" tab="其他配置">
        <DevicePowerMonitorConfigOther :data="data" />
      </a-tab-pane>
      <a-tab-pane key="6" tab="推送情况">
        <DevicePowerMonitorConfigQueue :data="data" />
      </a-tab-pane>
      <a-tab-pane key="7" tab="固件升级">
        <DevicePowerMonitorFirmwareUpgrade :data="data" />
      </a-tab-pane>



    </a-tabs>
  </div>
</template>

<script>
import DevicePowerMonitorMonitor from './powermonitor-monitor.vue'
import DevicePowerMonitorData from './powermonitor-data.vue'
import DevicePowerMonitorAlarm from './powermonitor-alarm.vue'
import DevicePowerMonitorConfigSwitch from './powermonitor-config-switch.vue'
import DevicePowerMonitorConfigOther from './powermonitor-config-other.vue'
import DevicePowerMonitorConfigQueue from './powermonitor-config-queue.vue'
import DevicePowerMonitorFirmwareUpgrade from './powermonitor-firmware-upgrade.vue'


export default {
  name: 'DevicePowerMonitor',
  components: {
    DevicePowerMonitorMonitor,
    DevicePowerMonitorData,
    DevicePowerMonitorAlarm,
    DevicePowerMonitorConfigSwitch,
    DevicePowerMonitorConfigOther,
    DevicePowerMonitorConfigQueue,
    DevicePowerMonitorFirmwareUpgrade
  },
  props: {
    data: Object
  },
  data() {
    return {


    };
  },
  methods: {
    callbackActivityTab (index) {
      console.log(index)
    },
  }
};
</script>
